<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流加载</title>
    <!--
        浏览器加载页面元素，默认情况下是按照从上到下，从左到右的顺序来进行加载的
        前面的空间位置如果被占用(渲染)，后面的元素只能去占剩下的空间位置
       默认的流加载机制称之为  标准流  加载机制
       、块级标签按照从上到下，行内标签是按照从左到右顺序进行加载的
       display：设置标签的特性  inline(行内特性)  block(块级特性))
       inline-block(行内块级,能够设置宽高),none(隐藏,不占空间)

    -->
    <style>
        .one{
            height: 200px;
            width: 200px;
            border: 1px solid black;
            /*display: inline;*/
        }
        .two{
            height: 200px;
            width: 200px;
            border: 1px solid black;
            /*inline-block 满足行内的特性  不独占一行  可以设置宽高*/
            display: inline-block;
        }
    </style>
</head>
<body>
<div class="one">第一个div</div>
<div>第二个div</div>
<a href="" class="two">百度一下</a>
</body>
</html>